<!DOCTYPE html>
<!-- saved from url=(0043)https://youzan.github.io/vant/#/zh-CN/intro -->
<html lang="en" class=" "><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="Cache-Control" content="no-cache">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Expires" content="0">
  <link rel="shortcut icon" href="https://img.yzcdn.cn/zanui/vant/vant-2017-12-18.ico">
  <title>Vant - 轻量、可靠的移动端 Vue 组件库</title>
  <script>window.Promise || document.write('<script src="//img.yzcdn.cn/huiyi/build/h5/js/pinkie.min.js"><\/script>');</script>
<style type="text/css">
.van-doc-intro {
  text-align: center;
  font-family: "Dosis", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
}
.van-doc-intro__youzan {
    width: 32px;
    height: 32px;
    display: block;
    margin: 25px 0 0;
}
.van-doc-intro__logo {
    width: 120px;
    height: 120px;
}
.van-doc-intro h2 {
    font-size: 36px;
    line-height: 60px;
    font-weight: normal;
}
.van-doc-intro p {
    font-size: 15px;
    color: #455a64;
}
</style><style type="text/css">
.mobile-nav__item {
    margin-bottom: 20px;
}
.mobile-nav::after {
    display: none;
}
.mobile-nav .van-collapse-item__content {
    padding: 0;
}
.mobile-nav .van-collapse-item__title {
    font-size: 16px;
    line-height: 36px;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}
</style><style type="text/css">/* color variables */
/* default colors */
/* button */
.side-nav {
  width: 100%;
  box-sizing: border-box;
  padding: 60px 15px 20px;
}
.side-nav .zanui-title, .side-nav .zanui-desc {
    text-align: center;
    font-weight: normal;
    -webkit-user-select: none;
            user-select: none;
}
.side-nav .zanui-title {
    margin: 0 0 15px;
}
.side-nav .zanui-title img, .side-nav .zanui-title span {
      display: inline-block;
      vertical-align: middle;
}
.side-nav .zanui-title img {
      width: 36px;
}
.side-nav .zanui-title span {
      font-size: 40px;
      margin-left: 15px;
      font-family: "Dosis", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
}
.side-nav .zanui-desc {
    font-size: 14px;
    color: #455a64;
    margin: 0 0 60px;
}
.mobile-switch-lang {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 11px;
  border: 1px solid #38f;
  border-radius: 3px;
  color: #38f;
  cursor: pointer;
}
.mobile-switch-lang span {
    width: 32px;
    line-height: 22px;
    text-align: center;
    display: inline-block
}
.mobile-switch-lang span.active {
  color: #fff;
  background-color: #38f;
}
</style><style type="text/css">
.van-doc-demo-pages__gallery {
    margin-top: 30px;
}
.van-doc-demo-pages__item {
    width: 28%;
    text-align: center;
    margin-bottom: 40px;
    display: inline-block
}
.van-doc-demo-pages__item:nth-child(3n+1), .van-doc-demo-pages__item:nth-child(3n+2) {
    margin-right: 4%;
}
.van-doc-demo-pages__item h4 {
      font-size: 14px;
      line-height: 20px;
      font-weight: normal;
}
.van-doc-demo-pages__item img {
      width: 100%;
      cursor: pointer;
      border-radius: 3px;
      background-color: #f8f8f8;
      box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
}
.van-doc-demo-pages__item a {
      font-size: 12px;
      margin: 4px 0 7px;
      display: inline-block;
}
.van-doc-demo-pages__item--active img {
        box-shadow: 0 1px 4px rgba(51, 136, 255, .4), 0 0 0 1px rgba(51, 136, 255, .4);
}
</style><style type="text/css">/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}
#nprogress .bar {
  background: rgba(52, 152, 219, .7);

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}
/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 5px rgba(52, 152, 219, .7), 0 0 2px rgba(52, 152, 219, .7);
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}
#nprogress .spinner-icon {
  display: none;
  width: 12px;
  height: 12px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: rgba(52, 152, 219, .7);
  border-left-color: rgba(52, 152, 219, .7);
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}
.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
  position: absolute;
}
@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

</style><script charset="utf-8" src="./Vant - 轻量、可靠的移动端 Vue 组件库_files/async_167.6a0de588.js"></script><style type="text/css">body{color:#333;font-size:16px;min-width:1100px;overflow-x:auto;background-color:#fff;-webkit-font-smoothing:antialiased;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif}body,p{margin:0}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit}ol,ul{margin:0;padding:0;list-style:none}a{text-decoration:none}.van-doc-row{width:100%}@media (min-width:1440px){.van-doc-row{width:1440px;margin:0 auto}}code{display:block;font-size:13px;overflow-x:auto;font-weight:400;line-height:22px;border-radius:3px;margin-bottom:25px;position:relative;word-break:break-all;white-space:pre-wrap;background-color:#f5f7fa;color:#455a64;padding:18px 10px 18px 20px;font-family:Source Code Pro,Monaco,Inconsolata,monospace}code:after{top:5px;right:10px;position:absolute;color:#ccc;font-size:12px}pre{margin:0}pre+pre{margin-top:-10px}code.language-html:after{content:"HTML"}code.language-javascript:after{content:"JS"}code.language-css:after{content:"CSS"}.hljs{display:block;overflow-x:auto;padding:.5em;background:#fff}.hljs-subst{color:#455a64}.hljs-addition,.hljs-meta,.hljs-string,.hljs-symbol,.hljs-template-tag,.hljs-template-variable{color:#756bb1}.hljs-comment,.hljs-quote{color:#999}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-regexp{color:#32a973}.hljs-deletion,.hljs-variable{color:#88f}.hljs-built_in,.hljs-doctag,.hljs-keyword,.hljs-name,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-tag,.hljs-strong,.hljs-tag,.hljs-title,.hljs-type{color:#1976d2}.hljs-emphasis{font-style:italic}.hljs-attribute{color:#e6550d}</style><style type="text/css">.van-doc-header{width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom:1px solid #eaeefb}.van-doc-header__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;padding:0 40px;height:60px;line-height:60px}.van-doc-header__top-nav{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}.van-doc-header__top-nav>li{display:inline-block;position:relative;vertical-align:middle}.van-doc-header__top-nav-lang{padding:0 7px;font-size:14px;line-height:24px;display:block;border-radius:3px;text-align:center;color:#455a64;border:1px solid currentColor;font-family:Helvetica Neue,Arial,sans-serif;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.van-doc-header__top-nav-lang:hover{color:#3498db}.van-doc-header__top-nav-item{margin-left:20px}.van-doc-header__top-nav-title{font-size:15px;letter-spacing:1px;color:#34495e}.van-doc-header__top-nav-title.active,.van-doc-header__top-nav-title:hover{color:#3498db}.van-doc-header__top-nav-title svg{fill:#455a64;display:block;vertical-align:middle;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.van-doc-header__top-nav-title svg:hover{fill:#3498db}.van-doc-header__top-nav .van-doc-header__arrow:hover{color:#34495e}.van-doc-header__top-nav .van-doc-header__arrow:after{content:"";display:inline-block;vertical-align:middle;margin-top:-1px;margin-left:1px;margin-right:-4px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #ccc;pointer-events:none}.van-doc-header__logo{display:block}.van-doc-header__logo img,.van-doc-header__logo span{display:inline-block;vertical-align:middle}.van-doc-header__logo img{width:24px;margin-right:5px}.van-doc-header__logo span{font-size:22px;color:#34495e;font-family:Dosis,Source Sans Pro,Helvetica Neue,Arial,sans-serif}.van-doc-header__logo .van-doc-header__version{font-size:90%;padding-top:7px;opacity:.7;margin-left:3px;line-height:1}.van-doc-header__bottom{height:50px;line-height:50px}.van-doc-header__bottom-nav{text-align:center}.van-doc-header__bottom-nav li{display:inline-block}.van-doc-header__bottom-nav a{color:#fff;opacity:.8;display:block;padding:0 20px;font-size:14px}.van-doc-header__bottom-nav a.active{background-color:hsla(0,0%,100%,.1)}.van-doc-header__bottom-nav a.active,.van-doc-header__bottom-nav a:hover{opacity:1}</style><style type="text/css">.van-doc-nav{left:0;top:60px;bottom:0;z-index:1;position:fixed;overflow-y:scroll;padding:25px 0 75px;min-width:240px;max-width:240px}@media (max-width:1300px){.van-doc-nav{min-width:220px;max-width:220px}}@media (min-width:1440px){.van-doc-nav{left:50%;margin-left:-720px}}.van-doc-nav::-webkit-scrollbar{height:6px;width:6px;background-color:transparent}.van-doc-nav::-webkit-scrollbar-thumb{border-radius:6px;background-color:transparent}.van-doc-nav:hover::-webkit-scrollbar-thumb{background-color:rgba(69,90,100,.2)}.van-doc-nav__item a,.van-doc-nav__subitem a{margin:0;display:block;color:#455a64;font-size:16px;padding:10px 20px 10px 40px;line-height:24px;-webkit-transition:all .3s;transition:all .3s}.van-doc-nav__item a.active,.van-doc-nav__subitem a.active{color:#3498db;background-color:#f5f7fa}.van-doc-nav__item>a{font-weight:700}.van-doc-nav__subitem a{font-size:14px}.van-doc-nav__subitem a:hover{color:#3498db;background-color:#f5f7fa}.van-doc-nav__subitem span{opacity:.6;font-size:13px}.van-doc-nav__group-title{font-size:12px;line-height:40px;padding-left:40px;color:rgba(69,90,100,.6)}@media (max-width:1300px){.van-doc-nav{min-width:220px;max-width:220px}.van-doc-nav__item a,.van-doc-nav__subitem a{line-height:22px}.van-doc-nav__subitem a{font-size:13px}}</style><style type="text/css">.van-doc-container{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;padding-left:240px}.van-doc-container--with-simulator{padding-right:400px}@media (max-width:1300px){.van-doc-container--with-simulator{padding-right:360px}}</style><style type="text/css">.van-doc-content{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;padding:0 0 75px}.van-doc-content a{color:#3498db}.van-doc-content section{padding:10px 40px;overflow:hidden}.van-doc-content section>h1,.van-doc-content section>h2,.van-doc-content section>h3,.van-doc-content section>h4,.van-doc-content section>h5,.van-doc-content section>h6{line-height:1.5;font-weight:400;margin:20px 0 10px;color:rgba(51,51,51,.9)}.van-doc-content section>h1{font-size:36px}.van-doc-content section>h2{font-size:30px;margin-bottom:25px}.van-doc-content section>h3{font-size:22px;margin-top:45px}.van-doc-content section>h2+h3{margin-top:25px}.van-doc-content section>h4{font-size:16px;margin-bottom:15px}.van-doc-content section>h5{font-size:14px}.van-doc-content section>h6{font-size:14px;color:#666}.van-doc-content section>p{margin:15px 0;font-size:14px;line-height:26px;color:#34495e}.van-doc-content section>ol,.van-doc-content section>ul{padding:15px 0;background-color:#f5f7fa}.van-doc-content section>ol li,.van-doc-content section>ul li{color:#34495e;font-size:14px;line-height:22px;margin:5px 0 5px 20px;padding-left:15px;position:relative}.van-doc-content section>ol li:before,.van-doc-content section>ul li:before{content:"";position:absolute;top:0;left:0;width:6px;height:6px;margin-top:8px;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #666}.van-doc-content section>ol li li,.van-doc-content section>ul li li{margin-left:0}.van-doc-content section>hr{border:0 none;border-top:1px solid #eee}.van-doc-content section li>code,.van-doc-content section p>code,.van-doc-content section table code{margin:2px;padding:2px 7px;display:inline}.van-doc-content blockquote{padding:16px;margin:20px 0;font-size:14px;border-radius:4px;background-color:#ecf9ff;color:rgba(52,73,94,.8);border-left:5px solid #50bfff}.van-doc-content table{width:100%;font-size:13px;line-height:1.5;margin-bottom:45px;background-color:#fff;border-collapse:collapse;color:#34495e}.van-doc-content table th{padding:8px 10px;text-align:left;font-weight:400;background-color:#f5f7fa;border:1px solid #eaeefb}.van-doc-content table th:first-child{padding-left:10px}.van-doc-content table td{padding:8px;border:1px solid #eaeefb}.van-doc-content table code{font-size:13px;padding:0 8px;font-family:inherit;word-break:keep-all}.van-doc-content--changelog section{padding-bottom:30px}.van-doc-content--changelog section>h3+p,.van-doc-content--changelog section>h3+p code{margin:0}.van-doc-content--changelog section>h3 a{color:inherit;font-size:24px;-webkit-font-smoothing:auto}.van-doc-content--changelog section>h3:not(:first-of-type){margin-top:50px}</style><style type="text/css">.van-doc-footer-nav{left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;padding:24px 45px;position:absolute}.van-doc-footer-nav__link{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:14px;line-height:1.5;cursor:pointer;opacity:.7;color:#455a64;-webkit-transition:.3s;transition:.3s}.van-doc-footer-nav__link:hover{opacity:1;color:#3498db}.van-doc-footer-nav__link .van-icon{font-size:12px;line-height:16px}.van-doc-footer-nav__link span{vertical-align:middle}.van-doc-footer-nav__left,.van-doc-footer-nav__right{padding:0 15px;position:relative}.van-doc-footer-nav__right{text-align:right}.van-doc-footer-nav__arrow-left,.van-doc-footer-nav__arrow-right{top:50%;width:8px;height:8px;margin-top:-4px;position:absolute;border:solid currentColor;border-width:0 1px 1px 0}.van-doc-footer-nav__arrow-left{left:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.van-doc-footer-nav__arrow-right{right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}</style><style type="text/css">.van-doc-simulator{z-index:1;overflow:hidden;position:absolute;border-radius:6px;background:#f2f2f4;-webkit-box-sizing:border-box;box-sizing:border-box;right:40px;width:360px;min-width:360px;top:100px;-webkit-box-shadow:rgba(0,0,0,.2) 0 1px 4px,rgba(0,0,0,.2) 0 1px 2px;box-shadow:0 1px 4px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.2)}@media (max-width:1300px){.van-doc-simulator{width:320px;min-width:320px}}@media (max-width:1100px){.van-doc-simulator{left:750px;right:auto}}@media (min-width:1440px){.van-doc-simulator{right:50%;margin-right:-680px}}.van-doc-simulator-fixed{position:fixed;top:40px}.van-doc-simulator iframe{width:100%;display:block}.van-doc-simulator__nav{height:60px;background:url("") no-repeat;background-size:100%}.van-doc-simulator__url{left:40px;top:23px;right:40px;font-size:14px;position:absolute;text-align:center;font-weight:700;line-height:28px;font-family:PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}@media (max-width:1300px){.van-doc-simulator__url{top:21px;line-height:24px}}.van-doc-simulator__reload{top:25px;right:10px;width:28px;height:28px;cursor:pointer;position:absolute}</style></head>
<body ontouchstart="">

<div class="app"><div class="van-doc"><div class="van-doc-header"><div class="van-doc-row"><div class="van-doc-header__top"><a href="https://youzan.github.io/vant/#/" class="van-doc-header__logo"><img src="./Vant - 轻量、可靠的移动端 Vue 组件库_files/fd78cf6bb5d12e2a119d0576bedfd230.png"> <span>Vant</span> <span class="van-doc-header__version">v1.1.15</span></a> <ul class="van-doc-header__top-nav"><li class="van-doc-header__top-nav-item"><a href="javascript:;" target="" class="van-doc-header__top-nav-title"><span class="van-doc-header__top-nav-lang">En</span></a></li><li class="van-doc-header__top-nav-item"><a href="https://github.com/youzan/vant" target="_blank" class="van-doc-header__top-nav-title"><svg height="28" width="28" viewBox="0 0 16 16" version="1.1" aria-hidden="true" class="octicon octicon-mark-github"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg></a></li></ul></div></div></div> <div class="van-doc-nav" style="top: 60px; bottom: 0px;"><ul><li class="van-doc-nav__item"><a>开发指南 <span></span></a> <!----> <div><div class="van-doc-nav__group-title"></div> <ul><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/intro" class="router-link-exact-active active">介绍 <span></span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/quickstart" class="">快速上手 <span></span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/changelog" class="">更新日志 <span></span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/vant-css" class="">内置样式 <span></span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/theme" class="">定制主题 <span></span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/contribution" class="">开发指南 <span></span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/style-guide" class="">风格指南 <span></span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/demo" class="">示例页面 <span></span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/locale" class="">国际化 <span></span></a></li></ul></div></li><li class="van-doc-nav__item"><a>组件 <span></span></a> <!----> <div><div class="van-doc-nav__group-title">基础组件</div> <ul><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/col" class="">Layout <span>布局</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/badge" class="">Badge <span>徽章</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/button" class="">Button <span>按钮</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/cell" class="">Cell <span>单元格</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/circle" class="">Circle <span>环形进度条</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/collapse" class="">Collapse <span>折叠面板</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/icon" class="">Icon <span>图标</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/lazyload" class="">Lazyload <span>图片懒加载</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/list" class="">List <span>列表</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/loading" class="">Loading <span>加载</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/nav-bar" class="">NavBar <span>导航栏</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/notice-bar" class="">NoticeBar <span>通告栏</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/pagination" class="">Pagination <span>分页</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/panel" class="">Panel <span>面板</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/popup" class="">Popup <span>弹出层</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/progress" class="">Progress <span>进度条</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/steps" class="">Steps <span>步骤条</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/swipe" class="">Swipe <span>轮播</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/tab" class="">Tab <span>标签页</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/tabbar" class="">Tabbar <span>标签栏</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/tag" class="">Tag <span>标记</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/waterfall" class="">Waterfall <span>瀑布流</span></a></li></ul></div><div><div class="van-doc-nav__group-title">表单组件</div> <ul><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/checkbox" class="">Checkbox <span>复选框</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/field" class="">Field <span>输入框</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/number-keyboard" class="">NumberKeyboard <span>数字键盘</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/password-input" class="">PasswordInput <span>密码输入框</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/radio" class="">Radio <span>单选框</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/rate" class="">Rate <span>评分</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/search" class="">Search <span>搜索</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/slider" class="">Slider <span>滑块</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/stepper" class="">Stepper <span>步进器</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/switch" class="">Switch <span>开关</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/uploader" class="">Uploader <span>图片上传</span></a></li></ul></div><div><div class="van-doc-nav__group-title">操作反馈</div> <ul><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/actionsheet" class="">Actionsheet <span>上拉菜单</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/datetime-picker" class="">DatetimePicker <span>时间选择</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/dialog" class="">Dialog <span>弹出框</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/picker" class="">Picker <span>选择器</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/pull-refresh" class="">PullRefresh <span>下拉刷新</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/toast" class="">Toast <span>轻提示</span></a></li></ul></div><div><div class="van-doc-nav__group-title">高阶组件</div> <ul><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/cell-swipe" class="">CellSwipe <span>滑动单元格</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/image-preview" class="">ImagePreview <span>图片预览</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/switch-cell" class="">SwitchCell <span>开关单元格</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/tree-select" class="">TreeSelect <span>分类选择</span></a></li></ul></div><div><div class="van-doc-nav__group-title">业务组件</div> <ul><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/address-edit" class="">AddressEdit <span>地址编辑</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/address-list" class="">AddressList <span>地址列表</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/area" class="">Area <span>省市区选择</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/card" class="">Card <span>卡片</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/contact-card" class="">Contact <span>联系人</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/coupon-list" class="">Coupon <span>优惠券</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/goods-action" class="">GoodsAction <span>商品页行动点</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/submit-bar" class="">SubmitBar <span>提交订单栏</span></a></li><li class="van-doc-nav__subitem"><a href="https://youzan.github.io/vant/#/zh-CN/sku" class="">Sku <span>商品规格弹层</span></a></li></ul></div></li></ul></div> <div class="van-doc-container van-doc-row van-doc-container--with-simulator"><div class="van-doc-content van-doc-content--intro"><section><div class="van-doc-intro">
  <img class="van-doc-intro__youzan" src="./Vant - 轻量、可靠的移动端 Vue 组件库_files/e84aa8cbbf7852688c86218c1f3bbf17.png">
  <img class="van-doc-intro__logo" src="./Vant - 轻量、可靠的移动端 Vue 组件库_files/fd78cf6bb5d12e2a119d0576bedfd230.png">
  <h2>Vant</h2>
  <p>轻量、可靠的移动端 Vue 组件库</p>
</div>
<h3>特性</h3>
<ul>
<li>50+ 个经过有赞线上业务检验的组件</li>
<li>单元测试覆盖率超过 90%</li>
<li>完善的文档和示例</li>
<li>支持 <a href="https://github.com/ant-design/babel-plugin-import">babel-plugin-import</a></li>
<li>支持 TypeScript</li>
<li>支持 SSR</li>
</ul>
<h3>快速上手</h3>
<p>请参考 <a href="https://youzan.github.io/vant/#/zh-CN/quickstart">快速上手</a></p>
<h3>贡献代码</h3>
<p>修改代码请阅读我们的 <a href="https://youzan.github.io/vant/#/zh-CN/contribution">开发指南</a></p>
<p>使用过程中发现任何问题都可以提 <a href="https://github.com/youzan/vant/issues">Issue</a> 给我们，当然，我们也非常欢迎你给我们发 <a href="https://github.com/youzan/vant/pulls">PR</a></p>
<h3>浏览器支持</h3>
<p>现代浏览器以及 Android 4.0+, iOS 6+</p>
<h3>链接</h3>
<ul>
<li><a href="https://github.com/youzan/vant/issues">意见反馈</a></li>
<li><a href="https://job.youzan.com/">加入我们</a></li>
<li><a href="https://youzan.github.io/vant/#/zh-CN/changelog">更新日志</a></li>
<li><a href="https://www.youzanyun.com/zanui/zent">React 组件库</a></li>
<li><a href="https://github.com/youzan/zanui-weapp">微信小程序组件库</a></li>
<li><a href="https://github.com/youzan/vant-demo">vant-demo</a></li>
<li><a href="https://github.com/youzan/vue-cli-template-vant">vue-cli-template-vant</a></li>
</ul>
<h3>开源协议</h3>
<p>本项目基于 <a href="https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89">MIT</a> 协议，请自由地享受和参与开源</p>
</section> <div class="van-doc-footer-nav"><!----> <div class="van-doc-footer-nav__link van-doc-footer-nav__right"><span>快速上手</span> <div class="van-doc-footer-nav__arrow-right"></div></div></div></div></div> <!----> <div class="van-doc-simulator"><div class="van-doc-simulator__nav"><div class="van-doc-simulator__url">youzan.github.io</div> <div class="van-doc-simulator__reload"></div></div> <iframe src="./Vant - 轻量、可靠的移动端 Vue 组件库_files/mobile.html" frameborder="0" style="height: 580px;"></iframe></div></div></div>

<script type="text/javascript" src="./Vant - 轻量、可靠的移动端 Vue 组件库_files/vant-docs.c6b58ff8.js"></script>

</body></html>